<template>
  <view class="container w100p common_wrap no-bg">
    <CommonHeader
      :title="$t('提交成功')"
      color="#262728"
      :is-right="false"
      @goback="goback"
    ></CommonHeader>
    <view class="bg-color"></view>

    <view class="order-success">
      <image
        src="/static/mt-li/duihaoxx.png"
      />
      <view class="order-w">
        <view class="ti">{{ $t('合作成功') }}</view>
        <view class="desc">{{ $t('可在工作台查看') }}</view>
      </view>
    </view>

    <!-- 上传支付凭证 -->
    <view class="btn-w">
      <view class="btn" @click="onGoKuang">{{ $t('确定') }}</view>
      <!-- <view class="desc">{{ $t('可在工作台中我的订单查看') }}</view> -->
    </view>

  </view>
</template>



<script>
  import CommonHeader from "@/pages/components/common-header.vue";


  export default {
    data() {
      return {

      }
    },
    components: {
      CommonHeader,
    },
    methods: {
      goback() {
			uni.navigateBack({
				delta: 1
			})
			// uni.redirectTo({
			// 	url: 'pages/caigou/index/index'
			// })
		},
      // 去逛逛
      onGoKuang() {
		  // uni.redirectTo({
		  // 	url: 'pages/caigou/index/index'
		  // })
			uni.navigateBack({
			  delta: 3,
			})
      }
    },
    onLoad() {

    },
    onShow() {

    }
  }
</script>





<style lang="scss" scoped>
  .container {
    .bg-color {
      width: 100%;
      height: 227rpx;
      background: linear-gradient(to bottom, RGBA(234, 246, 255, 1), RGBA(255, 255, 255, 1));
      border-radius: 0rpx 0rpx 0rpx 0rpx;
      position: absolute;
      top: 0;
      left: 0;
    }

    // 成功
    .order-success {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 200rpx;
      flex: 1;
      image {
        width: 178rpx;
        height: 178rpx;
        margin-bottom: 48rpx;
      }
      .order-w {
        text-align: center;
        .ti {
          font-weight: 600;
          font-size: 34rpx;
          color: #262728;
          margin-bottom: 20rpx;
        }
        .desc {
          font-weight: 500;
          font-size: 28rpx;
          color: #262728;
        }
      }
    }


    // 上传凭证
    .btn-w {
      padding: 24rpx;
      padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
      width: 100%;
      text-align: center;
      .btn {
        height: 100rpx;
        background: #06C36E;
        border-radius: 18rpx 18rpx 18rpx 18rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 400;
        font-size: 28rpx;
        color: #ffffff;
        margin-bottom: 24rpx;
      }
      .desc {
        color: #606366;
        font-size: 20rpx;
        font-weight: 400;
      }
    }
   
  }





</style>